h1 {
  font-size: 32px;
}

.basic-message-box {
  padding: 0 !important;
  min-width: 352px !important;
  border-radius: 8px !important;

  .el-message-box__header {
    height: 44px;
    padding: 13px 16px;
    border-bottom: 1px solid #edeef0;

    .el-message-box__title {
      color: #161a23;

      // color: #2d2e33;
      font-size: 14px;

      .el-message-box__headerbtn {
        top: 10px !important;
      }
    }

    .el-message-box__close {
      color: #666;
      font-size: 18px;
    }
  }

  .el-message-box__content {
    color: #2d2e33;
    padding: 24px 32px 32px;

    .el-message-box__container {
      @apply relative;

      .el-icon {
        @apply absolute top-[12px] text-[#FF6805];
      }

      .el-message-box__status {
        font-size: 18px !important;
      }
    }
  }

  .el-message-box__btns {
    height: 56px;
    border-top: 1px solid #edeef0;
    padding-top: 0;
    position: relative;

    .el-button {
      width: 74px;
      height: 32px;
      border-radius: 4px;
    }

    .cancel-btn-custom {
      float: right;
    }
  }

  .el-message-box__btns button:nth-child(2) {
    position: absolute;
    right: 99px;
    @apply absolute right-[99px] bg-[var(--el-color-primary)];
  }
}

.basic-message-custom {
  padding: 0 !important;
  width: 400px !important;
  border-radius: 8px !important;

  .el-message-box__header {
    height: 44px;
    padding: 16px 24px;
    border-bottom: 1px solid #f6f6f6;
    font-weight: 600;

    .el-message-box__title {
      // color: #161a23;
      color: #2d2e33;
      font-size: 14px;

      .el-message-box__headerbtn {
        top: 10px !important;
      }
    }

    .el-message-box__close {
      color: #666;
      font-size: 18px;
    }
  }

  .el-message-box__content {
    color: #2d2e33;
    padding: 40px;
    text-align: left;

    .el-message-box__container {
      @apply flex items-center relative;

      .el-message-box__status {
        font-size: 18px !important;
      }

      .el-message-box__message {
        padding-left: 24px;
        padding-right: 0;
        min-height: 22px;
        word-break: break-all;

        .el-icon {
          top: 12px !important;
        }

        p {
          font-size: 12px;
          color: #2d2e33;
        }
      }

      .el-icon {
        top: 12px !important;
      }
    }
  }

  .el-message-box__btns {
    height: 56px;
    border-top: 1px solid #edeef0;
    padding-top: 0;
    position: relative;

    .el-button {
      width: 74px;
      height: 32px;
      border-radius: 4px;
    }

    .cancel-btn-custom {
      float: right;
    }
  }

  // messageBox 确认按钮的位置置左
  // .el-message-box__btns button:nth-child(2) {
  //   position: absolute;
  //   right: 99px;
  //   @apply absolute right-[99px] bg-[var(--el-color-primary)];
  // }
}

// ElemessageBox样式
